<div id="container" >

</div>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 
<script src="https://cdn.hcharts.cn/highcharts/highcharts.js"></script> 
<script type="text/javascript">
    $(function () {
        $('#container').highcharts({
            credits: {
                enabled: false
            },
            chart: {
                zoomType: 'xy'
            },
            title: {
                text: '回收概况'
            },
            subtitle: {
                text: ' '
            },
            xAxis: [
                {
                    categories: ["04\u670801\u65e5","04\u670802\u65e5","04\u670803\u65e5","04\u670804\u65e5","04\u670805\u65e5","04\u670806\u65e5","04\u670807\u65e5","04\u670808\u65e5","04\u670809\u65e5","04\u670810\u65e5","04\u670811\u65e5","04\u670812\u65e5","04\u670813\u65e5","04\u670814\u65e5","04\u670815\u65e5","04\u670816\u65e5","04\u670817\u65e5","04\u670818\u65e5","04\u670819\u65e5","04\u670820\u65e5","04\u670821\u65e5","04\u670822\u65e5","04\u670823\u65e5","04\u670824\u65e5","04\u670825\u65e5","04\u670826\u65e5","04\u670827\u65e5","04\u670828\u65e5","04\u670829\u65e5","04\u670830\u65e5","05\u670801\u65e5","05\u670802\u65e5","05\u670803\u65e5","05\u670804\u65e5","05\u670805\u65e5","05\u670806\u65e5","05\u670807\u65e5","05\u670808\u65e5","05\u670809\u65e5","05\u670810\u65e5","05\u670811\u65e5","05\u670812\u65e5","05\u670813\u65e5","05\u670814\u65e5","05\u670815\u65e5","05\u670816\u65e5","05\u670817\u65e5","05\u670818\u65e5","05\u670819\u65e5","05\u670820\u65e5","05\u670821\u65e5","05\u670822\u65e5","05\u670823\u65e5","05\u670824\u65e5","05\u670825\u65e5","05\u670826\u65e5","05\u670827\u65e5","05\u670828\u65e5","05\u670829\u65e5","05\u670830\u65e5","05\u670831\u65e5","06\u670801\u65e5","06\u670802\u65e5","06\u670803\u65e5","06\u670804\u65e5","06\u670805\u65e5","06\u670806\u65e5","06\u670807\u65e5","06\u670808\u65e5","06\u670809\u65e5","06\u670810\u65e5","06\u670811\u65e5","06\u670812\u65e5","06\u670813\u65e5","06\u670814\u65e5","06\u670815\u65e5","06\u670816\u65e5","06\u670817\u65e5","06\u670818\u65e5","06\u670819\u65e5","06\u670820\u65e5","06\u670821\u65e5","06\u670822\u65e5","06\u670823\u65e5","06\u670824\u65e5","06\u670825\u65e5","06\u670826\u65e5","06\u670827\u65e5","06\u670828\u65e5","06\u670829\u65e5","06\u670830\u65e5","07\u670801\u65e5","07\u670802\u65e5","07\u670803\u65e5","07\u670804\u65e5","07\u670805\u65e5","07\u670806\u65e5","07\u670807\u65e5","07\u670808\u65e5","07\u670809\u65e5","07\u670810\u65e5","07\u670811\u65e5","07\u670812\u65e5","07\u670813\u65e5","07\u670814\u65e5","07\u670815\u65e5","07\u670816\u65e5","07\u670817\u65e5","07\u670818\u65e5","07\u670819\u65e5","07\u670820\u65e5","07\u670821\u65e5","07\u670822\u65e5","07\u670823\u65e5","07\u670824\u65e5","07\u670825\u65e5","07\u670826\u65e5","07\u670827\u65e5","07\u670828\u65e5","07\u670829\u65e5","07\u670830\u65e5","07\u670831\u65e5","08\u670801\u65e5","08\u670802\u65e5","08\u670803\u65e5"],
                    crosshair: true
                }
            ],
            plotOptions: {
                line: {
                    dataLabels: {
                        format: '￥{y} .00',
                        enabled: true, // 开启数据标签
                    },
                    enableMouseTracking: true // 关闭鼠标跟踪，对应的提示框、点击事件会失效
                },
                column: {
                    dataLabels: {
                        format: '￥{y} .00',
                        enabled: true, // 开启数据标签
                    },
                    enableMouseTracking: true // 关闭鼠标跟踪，对应的提示框、点击事件会失效
                },
                spline: {
                    dataLabels: {
                        format: '{y} %',
                        enabled: true, // 开启数据标签
                    },
                    enableMouseTracking: true // 关闭鼠标跟踪，对应的提示框、点击事件会失效
                },
                area: {
                    stacking: 'normal',
                    lineColor: '#666666',
                    lineWidth: 1,
                    marker: {
                        lineWidth: 1,
                        lineColor: '#666666'
                    }
                }
            },
            yAxis: [
                { // Primary yAxis
                    labels: {
                        format: '{value}',
                        style: {
                            color: Highcharts.getOptions().colors[0]
                        }
                    },
                    title: {
                        text: '费用',
                        style: {
                            color: Highcharts.getOptions().colors[0]
                        }
                    }
                    //tickPositions: [0, 20, 40, 60, 80, 100, 120, 140, 160, 180, 200],

                }
            ],
            tooltip: {
                shared: true
            },
            legend: {
                layout: 'horizontal',
                align: 'center',
                verticalAlign: 'bottom',
                backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
            },
            series: [
                {
                    name: '消耗费用',
                    type:'area',
                    data: [7847.09,5245.07,5729.76,7318.01,8883.76,8062.39,7790.23,6699.66,6270.06,8071.47,7644.35,8416.6,8544.32,10175.91,8845.27,6200.73,6099.89,6180.24,12930.65,15714.5,16464.44,15628.84,11890.38,12526.11,11251.18,13603.27,11083.85,14127.22,16951.41,15307.17,13729.34,10926.71,10882.07,9018.83,15249.78,14057.63,10009.63,8547.03,11234.32,10922.34,9743.4,12377.79,10143.04,8452.51,8391.84,10774.87,11322.21,10374.07,12886.72,12686.27,10348.37,10212.9,11013.37,11752.77,12616.27,14772.05,12639.38,10524.99,10607.54,9921.89,10349.92,10698.38,13865.27,14139.81,8749.72,9050.89,9431.71,9169.86,10076.71,9157.72,9342.94,7138.04,8664.16,8248.33,6843.57,4103.58,4323.76,3979.1,3812.63,2284.07,2202.44,3000.8,1093.43,1102.55,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],

                },
                {
                    name: '当日回收',
                    type: 'line',
                    data: [1176,228,30,266,144,508,264,122,728,1086,832,636,350,798,364,244,96,328,624,1314,1348,2152,2052,734,948,998,794,1668,980,1696,684,1810,688,2934,1978,1280,1502,416,782,1802,1906,1200,244,1340,644,588,422,286,664,570,430,596,1386,866,1696,1174,1852,320,1328,398,1348,540,246,330,274,1154,872,768,2888,166,306,348,72,1370,874,596,408,2690,170,748,524,642,6,6,12,24,0,10,50,12,170,30,0,24,12,6,36,492,234,0,12,34,12,6,0,0,118,6,34,164,0,0,6,0,0,12,194,0,0,6,24,0,0,0,0],
                    tooltip: {
                        valuePrefix: '￥'
                    }
                },
                {
                    name: '7日回收',
                    type: 'line',
                    data: [7996,544,54,1350,892,2086,2026,944,1696,1474,2916,1530,1296,2694,442,4376,1048,956,5180,8100,4722,13128,7010,4570,8124,6972,9194,7966,2370,13880,3400,6702,4324,11926,10838,7082,8740,6094,10488,10550,6174,7254,396,4510,3674,990,1020,3120,2900,6138,1318,1982,2218,3704,4124,9788,3414,2258,5846,4080,3590,1196,942,3022,524,2252,2548,2198,5250,1200,2204,1054,140,3786,934,2372,720,18670,506,1110,674,1490,128,18,30,54,6,10,50,62,302,36,6,30,42,6,104,800,522,0,12,34,24,12,0,6,216,6,34,164,0,0,12,0,0,12,312,302,0,0,0,0,0,0,0],
                    tooltip: {
                        valuePrefix: '￥'
                    }
                },
                {
                    name: '15日回收',
                    type: 'line',
                    data: [8702,684,54,2164,1184,2726,3426,974,1696,2416,4092,1530,1650,3316,478,4638,5518,1222,6580,15362,5706,24034,8048,10100,13084,9934,14700,8554,2780,25784,3878,9504,4730,22572,14756,8892,11042,8072,15582,17658,6676,9260,450,5724,4344,1164,1976,5730,3314,7866,1640,2128,3392,5684,5860,12754,4034,4004,12438,5588,4126,1662,1128,3472,656,3264,3076,3506,11414,3536,2210,2016,140,6122,940,3068,856,33022,756,1134,740,1752,128,18,30,54,12,10,50,74,302,36,6,30,48,6,104,1690,612,0,12,34,24,12,0,12,246,6,34,250,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
                    tooltip: {
                        valuePrefix: '￥'
                    }
                },
                {
                    name: '30日回收',
                    type: 'line',
                    data: [9762,750,54,2866,1534,3946,3660,980,1696,2782,5326,1530,2378,4322,478,4638,7786,1580,6868,20994,6616,27534,8432,19914,14720,11880,17662,8712,2948,27784,4820,10244,4978,32210,17504,10950,11960,8842,23300,32738,6998,9870,986,5730,5554,1214,3914,7878,3476,8058,1790,2442,4636,6264,8418,14300,4676,7846,26160,8904,5200,1862,1158,3618,728,4634,3646,3958,22630,7376,2240,2744,140,8044,976,4188,906,62678,1250,1286,854,1856,128,18,30,54,12,60,50,74,302,36,6,86,48,6,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
                    tooltip: {
                        valuePrefix: '￥'
                    }
                },
                {
                    name: '总回收',
                    type: 'line',
                    data: [15338,1210,54,5232,1850,4468,3854,980,1696,10752,10510,1530,4720,5750,478,4638,19730,1792,7316,47086,8392,42760,8528,41004,15192,14930,27304,8962,3546,27940,6072,12204,5226,46570,21830,13544,13534,14572,40472,49242,7178,10796,4496,5730,5782,2956,6172,10110,4758,8676,1868,2478,5944,8582,8646,17132,4676,15568,27802,11562,6304,1862,1158,3618,728,6046,3870,4128,33768,9774,2246,3462,152,11182,1078,5620,1116,86008,1572,1286,908,1886,128,18,36,54,12,110,50,74,302,36,6,86,48,6,104,3140,612,0,12,34,24,12,0,12,252,6,34,250,0,0,62,0,0,12,312,302,0,12,24,0,0,128,0],
                    tooltip: {
                        valuePrefix: '￥'
                    }
                }
            ]
        });
    });
</script>
